<template>
    <div class="weekend">
        <h2>周末去哪儿</h2>
        <ul class="weekend-list">
            <li class="weekend-item" v-for="item in list" :key="item.id">
              <img :src="item.imgUrl" alt="">
              <div class="weekend-info">
                <p>{{ item.name }}</p>
                <p>{{ item.desc }}</p>
              </div>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'HomeWeekend',
  props: {
    list: Array
  }
}
</script>
<style lang="stylus" scoped>
    .weekend
      h2
        height .8rem
        line-height .8rem
        color #212121
        padding-left .26rem
      .weekend-list
        background-color #fff
        .weekend-item
          margin-bottom .1rem
          img
            width 100%
          .weekend-info
            padding .14rem .2rem .2rem
            p
              white-space nowrap
              padding-right 1.4rem
              font-size .28rem
              color #212121
              line-height .48rem
            p:last-child
              color #616161
              font-size .24rem

</style>
